<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
    <img src="pic/01 上机练习素材/练习5： QQ注册验证/image/bg_chs.png" />
    <p><h1>注册账号</h1></p>
    <form method="post" action="" name="f1">
        <p><label for="1">昵称：</label>
        <input type="text" name="nicheng" value="不空" pattern="[-\w\u4E00-\u9FA5]{4,10}" id="1" />长度为4-10个字符</p>
        <p><label for="2">密码：</label>
        <input type="password" name="pass" value="bukong" pattern="[\dA-Za-z]{6,16}" id="2" />长度为6-16个字符</p>
        <p><label for="3">确认密码：</label>
        <input type="password" name="pass" value="bukong" pattern="[\dA-Za-z]{6,16}" id="3" />长度为6-16个字符</p>
        <p>
           <label for="4">手机号码：</label>
           <input type="number" name="shoujihao"  min="0" max="99999999999999" pattern="1[3578]\d{9}" id="4" />长度为11个字符，以13|5|7|8开头
        </p>
        <p>
           <label for="5">邮箱：</label>
           <input type="email" name="youxiang" value="邮箱" id="5" />
        
        
        </p>
        <p>
           <label for="6">年龄：</label>
           <input type="number" name="7" value="年龄" pattern="\d[1-9]\d|1[0-2]\d" id="6" />
        </p>
        <p>
            <input type="image" src="pic/01 上机练习素材/练习5： QQ注册验证/image/btn.bmp" name="anniu" value="tupian" />
            
        </p>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </form>
    
    
    
    
    
    
    
    
    
</body>
</html>
